<!DOCTYPE html> 
<html> 
<body>

	<!-- ### INFO PAGE ### -->

	<div data-role="page" id="info" data-theme="a">

		<div data-role="content" id="container" style="padding-left: 0px; margin-left: 0px; padding-right: 0px; margin-right: 0px;">
			<div id="lustrum-header">logo</div>
			<div id="info-block">
                <table>
                    <tr>
                        <td><a onclick="changeLogo(1)"><img src="img/logo/logo-1.png" width="89px"></a></td>
                        <td><a onclick="changeLogo(2)"><img src="img/logo/logo-2.png" width="89px"></a></td>
                        <td><a onclick="changeLogo(3)"><img src="img/logo/logo-3.png" width="89px"></a></td>
                    </tr>
                    <tr>
                        <td><a onclick="changeLogo(4)"><img src="img/logo/logo-4.png" width="89px"></a></td>
                        <td><a onclick="changeLogo(5)"><img src="img/logo/logo-5.png" width="89px"></a></td>
                        <td><a onclick="changeLogo(6)"><img src="img/logo/logo-6.png" width="89px"></a></td>
                    </tr>
                    <tr>
                        <td><a onclick="changeLogo(7)"><img src="img/logo/logo-7.png" width="89px"></a></td>
                        <td><a onclick="changeLogo(8)"><img src="img/logo/logo-8.png" width="89px"></a></td>
                        <td><a onclick="changeLogo(9)"><img src="img/logo/logo-9.png" width="89px"></a></td>
                    </tr>
                    <tr>
                        <td><a onclick="changeLogo(10)"><img src="img/logo/logo-10.png" width="89px"></a></td>
                        <td><a onclick="changeLogo(11)"><img src="img/logo/logo-11.png" width="89px"></a></td>
                        <td></td>
                    </tr>
                </table>
			</div>
			<div id="lustrum-footer">
				<div id="buttonholder">
					<a onclick="goToPage('index.html')" class="lustrum-button-back"></a>
				</div>
			</div>		
		</div>
	</div>

</body>
</html>